<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>激光打标系统</title>
    <link rel="icon" href="./static/pic/favicon.ico">

    <!-- Bootstrap -->
    <link href="./static/css/bootstrap.min.css" rel="stylesheet">
	<!--
	<style>
		.container {
		    /*background-color:#FFFFFF;*/
			position: absolute;
			left: 3px;
			top: 3px;
			width: 400px;
		}
	</style>
	-->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
	<div class="container">
      <h4 align="center">激光打标系统</h4>
      <fieldset>

	   <legend>登录</legend>
	   <div class="alert alert-success" id="login-success">登录成功！</div>
	     <div class="form-group"
	      <label for="emplynum" class="col-sm-2 control-label">工号</label>
	      <div class="col-sm-2">
		      <input type="text" class="form-control" id="emplynum" placeholder="请输入工号">
	      </div>
	     </div>
	     <div class="form-group"
	      <label for="inputpasswd" class="col-sm-2 control-label">密码</label>
	      <div class="col-sm-2">
		      <input type="password" class="form-control" id="inputpasswd" placeholder="请输入密码">
	      </div>
	     </div>
	  <br><br>
	  <button type="button" id="login" class="btn btn-default">登录</button>

	  <br><br>

      </fieldset>
      <br>
      <fieldset>
	      <legend>准备</legend>
      <!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
	  <button type="button" id="init" class="btn btn-default">初始</button>
      <!-- Indicates a successful or positive action -->
	  <button type="button" id="m0" class="btn btn-default">停止</button>
      <!-- Contextual button for informational alert messages -->
	  <br><br>
      <select id="choosetemplate">
        <option value="0">请选择模版</option>
        <option value="1">10x10外框</option>
        <option value="2">标记中心</option>
        <option value="3">qr10x10[V1]-t2[V2]x</option>
        <option value="4">qr10x10[V1]-t2[V2]</option>
      </select>

	  <br><br>
	  <!--img id="template" src="./static/pic/qr.png" alt="..." class="img-rounded">
	  <br><br-->
	  <input type="text" id="text" class="form-control" placeholder="请输入要打印的文字"></br>
	  <!--input type="text" id="text2" class="form-control" placeholder="变量2，请输入要打印的文字"></br>
	  <input type="text" id="text3" class="form-control" placeholder="变量3, 请输入要打印的文字"></br-->
	  <button type="button" id="TX" class="btn btn-default">确定</button>
	  <br><br>
      </fieldset>
	  <br><br>
	  <fieldset>
		  <legend>打标</legend>
		  <input checked="true" type="radio" name="ET type" value="0">自动<br>
		  <input type="radio" name="ET type" value="1">手动<br>
	          <br>
	          <button type="button" id="m1" class="btn btn-default">启动</button>
          </fieldset>
	  <br><br>
	  <fieldset>
		  <legend>消息</legend>
	          <textarea readonly id="status" class="form-control" rows="9"></textarea></br>
          </fieldset>


	  <br><br>
	</div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="./static/js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="./static/js/bootstrap.min.js"></script>
    <!-- 引用按钮控制js-->
	<script src="./static/js/app.js"></script>
  </body>
</html>
